﻿@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
<link href="~/lib/layui/css/layui.css" rel="stylesheet" />
<script src="~/lib/layui/layui.js"></script>
<script src="~/lib/jquery/dist/jquery.js"></script>
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>IMES</title>
</head>
<body>
	<div class="layui-panel">

		<div class="layui-panel" style="margin-top: 20px;">

			<div style="padding: 32px;">
				<div class="layui-form-item">
					<div class="layui-row layui-col-space10">
						<div class="layui-col-xs6">
							<label class="layui-form-label">工序编号:</label>
							<div class="layui-input-block">
								<input type="text" id="searchProcessNumber" placeholder="工序编号" style="width: 100%" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-col-xs6">
							<label class="layui-form-label">工序名称:</label>
							<div class="layui-input-block">
								<input type="text" id="searchProcessName" placeholder="工序名称" style="width: 100%" autocomplete="off" class="layui-input">
							</div>
						</div>
						<div class="layui-col-xs4">
							<button type="button" class="layui-btn layui-bg-blue" onclick="search()">查询</button>
						</div>
					</div>
				</div>
				<table class="layui-table">
					<thead>
						<tr>
							<th></th>
							<th>
								<input type="checkbox" name="check" value="1" lay-filter="demo-checkbox-filter">
							</th>
							<th>工序编号</th>         processNumber
							<th>工序名称</th>		  processName
							<th>报工权限</th>		  reportingAuthority
							<th>报工数配比</th>		 matching
							<th>不良品相列表</th>		adverseList
							<th>创建人</th>		   createId
							<th>创建时间</th>		  createDate
							<th>修改人</th>		   updateId
							<th>修改时间</th>		  updateDate
						</tr>
					</thead>
					<tbody id="body">
					</tbody>
				</table>
				<div id="demo-laypage-all"></div>
				<div style="float:right">
					<button class="layui-btn layui-btn-sm" id="anotherButtonId">添加选择的数据</button>
					<button class="layui-btn layui-btn-sm">关闭</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
	<script src="//unpkg.com/layui@2.9.20/dist/layui.js"></script>
	<script>
		layui.use(function () {
			var form = layui.form
			var laypage = layui.laypage;
			var $ = layui.$;
			var layer = layui.layer;
			var util = layui.util;
			//关闭弹窗
			var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
			//再执行关闭

			$(function () {
				getList();
			}) 
			var data = {
				processNumber: $("#searchProcessNumber").val() || 0,
				processName: $("#searchProcessName").val() || ""
			}
			console.log("进入", JSON.stringify(data))
			// //打断点
			// debugger
			//销售订单列表显示
			function getList() {
				var abc = "@ViewBag.Durian" + "/api/Process/Handle1";
				console.log(11111, abc);
				// debugger
				$.ajax({
					url: "@ViewBag.Durian" + "/api/Process/Handle1",
					type: "post",
					data: JSON.stringify(data),
					dataType: "json",
					contentType: "application/json",
					success: function (res) {
						console.log(123,res)
						$(res.data).each(function (i, item) {

							// debugger
							$("#body").append(`<tr>
							   <td>${i + 1}</td>
							   <td>
							   <input type="checkbox" name="check" value="${this.workSheetId}" lay-filter="demo-checkbox-filter" ></input>
							   </td>
							   <td>${this.processNumber}</td>
							   <td>${this.processName}</td>
							   <td>${this.reportingAuthority}</td>
							   <td>${this.matching}</td>
							   <td>${this.adverseList}</td>
							   <td>${this.createId}</td>
							   <td>${this.createDate.replace("T", " ").substring(0, 19)}</td>
							   <td>${this.updateId}</td>
							   <td>${this.updateDate}</td> 
							  </tr>`
							)
						})

						// debugger
					}
					 
				})
				// debugger
			}

			function addSelectData() {

				// 拿到选中的行的数据
				var selectedRows = [];
				$("input[type='checkbox'][name='check']:checked").each(function () {
					// 获取复选框所在的行
					var row = $(this).closest('tr');
					// 将行内的所有数据存储为一个对象
					var rowData = {
						'workSheetId': $(this).val(), // 复选框的值
						'processNumber': row.find('td').eq(2).text(), // 假设第三列是工序编号
						'processName': row.find('td').eq(3).text(), // 假设第四列是工序名称
						'reportingAuthority': row.find('td').eq(4).text(), // 假设第五列是包工权限
						'matching': row.find('td').eq(5).text(), // 假设第六列是报工数配比
						'adverseList': row.find('td').eq(6).text(), // 假设第六列是不良品相列表
						'createId': row.find('td').eq(7).text(), // 假设第六列创建人
						'createDate': row.find('td').eq(8).text(), // 假设第六列是创建时间
						'updateId': row.find('td').eq(9).text(), // 假设第六列是修改
						'updateDate': row.find('td').eq(10).text() // 假设第六列是规格
					};
					selectedRows.push(rowData); // 将这一行的数据对象添加到结果数组中
				});
				console.log(JSON.stringify(selectedRows));
				// 可以将selectedRows转换为JSON字符串存储到localStorage
				localStorage.setItem("WorksheetsData", JSON.stringify(selectedRows));
				// 关闭当前layer弹窗
				parent.layer.closeAll(); // 关闭所有弹窗，如果只需要关闭当前弹窗，需要传递index
				// 刷新父页面
				parent.location.reload();
			}

			// 绑定事件，例如点击另一个按钮时调用addSelectData
			$('#anotherButtonId').on('click', function () {
				addSelectData();
			});



		})
	</script>
</body>
</html>
